<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=request.getContextPath()%>/" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>五折购物-商城导航</title>
<link rel="stylesheet" href="css/ListPage.css" type="text/css"
	media="all" />
</head>

<body>

	<!-- 1.工具栏-->
	<div id="toolbar">
		<div id="div_1">
			<!-- 欢迎语-->
			<div id="d1_welcom">
				<span>欢迎来五折购物商城!</span>
			</div>
			<!-- 功能按钮-->
			<div id="d1_login">
				<ul>
					<li><a href="">[登录]</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">[免费注册]</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">我的订单</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">购物车0件</a></li>
				</ul>
			</div>

		</div>

	</div>

	<!-- 2.图片 -->
	<div id="div_2">

		<img src="images/img.gif" alt="" />

	</div>

	<!--3. logo-->
	<div id="div_3">
		<div id="d3_logo">
			<img src="images/logo.jpg" alt="" />
		</div>

		<div id="d3_find">
			<ul id="d3_ul1">
				<li><input type="text" name="输入" /></li>
				<li><a href="">搜索</a></li>
			</ul>
			<ul id="d3_ul2">
				<li><a href="#电脑数码">电脑数码</a></li>
				<li><a href="#家电通讯">家电通讯</a></li>
				<li><a href="#佳人名仕">佳人名仕</a></li>
				<li><a href="#食品母婴">食品母婴</a></li>
				<li><a href="#生活专区">生活专区</a></li>
				<li><a href="#图书音像">图书音像</a></li>

			</ul>
		</div>

	</div>

	<!--4.导航-->
	<div id="div_4">
		<div id="d4_type">
			<a href="">商品分类</a>
		</div>
		<div id="d4_ng">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="">论坛</a></li>
				<li><a href="">留言板</a></li>
				<li><a href="">个人信息</a></li>
				<li><a href="">充值</a></li>
			</ul>
		</div>
	</div>

	<div id="div_5">
		<span id="d5_1">${bigClassName }</span> <img src="images/trigon_1.gif"
			alt="" /> <span id="d5_2">${className }</span> <img
			src="images/trigon_1.gif" alt="" />
	</div>

	<div id="div_6">
		<ul>
			<c:forEach items="${classDtoList }" var="classDto">
				<li><a
					href="page/good_list?classId=${classDto.goodClass.classId}&className=${classDto.goodClass.className}&bigClassName=${bigClassName}">
						${classDto.goodClass.className}</a></li>
			</c:forEach>
		</ul>
	</div>

	<div id="div_7">
		<ul>
			<!-- 编写代码、可变-->
			<li class="d7_li">品牌:</li>
			<li><a href="#">华硕</a></li>
			<li><a href="#">联想</a></li>
			<li><a href="#">惠普</a></li>
		</ul>
		<ul>
			<li class="d7_li">价格:</li>
			<li><a href="#">1~99</a></li>
			<li><a href="#">100~299</a></li>
			<li><a href="#">200~599</a></li>
			<li><a href="#">600~999</a></li>
			<li><a href="#">1000~2999</a></li>
			<li><a href="#">3000~5999</a></li>
			<li><a href="#">6000~9999</a></li>
			<li><a href="#">1万以上</a></li>
		</ul>
		<ul>
			<li class="d7_li">评分:</li>
			<li><a href="#">0~1.0</a></li>
			<li><a href="#">1.0~2.0</a></li>
			<li><a href="#">2.0~3.0</a></li>
			<li><a href="#">3.0~4.0</a></li>
			<li><a href="#">4.0~5.0</a></li>
		</ul>
	</div>

	<div id="div_8">
		<div id="d8_1">
			<ul>
				<li>排序:</li>
				<li><a href="#">销量</a></li>
				<li><a href="#">价格</a></li>
				<li><a href="#">评分</a></li>
			</ul>
		</div>
		<div id="d8_2">
			<span>共${count}个商品</span>
		</div>
	</div>

	<div id="div_9">

		<ul>
			<c:forEach items="${goodDtoList}" var="goodDto">
				<li class="good_li"><a class="good_a_pic" href=""><img
						src="images/goodPic/toppic/${goodDto.goodDetail.detailToppic}"
						alt="" /> </a> <a class="good_a_text" href="">${goodDto.goodDetail.detailTitle}</a>
					<span>￥${goodDto.shopGood.goodPrice}</span> <a href=""
					class="good_a_comment">已有0人评论</a> <a class="good_a_buy" href="">购买</a></li>
			</c:forEach>
		</ul>
	</div>

	<div id="div_10">
		<ul>
			<li><a><img  id="img_left" src="images/left.gif">上一页</a></li>
			<li><span>10/20</span></li>
			<li><a>下一页<img id="img_rigth" src="images/rigth.gif"></a></li>
		</ul>
	</div>

	<div id="div_footer"></div>

</body>

</html>